<template>
  <div class="header">
    <div class="headerTop">
      <img src="../../assets/1first/1推荐/aladeng.png" alt="" class="logo">
      <router-link to="/sousuo">
        <span class="sousuo">
        <input type="text" placeholder="输入商品关键词">
      </span>
      </router-link>
      <router-link to="/message">
        <img src="../../assets/1first/1推荐/huakuang.png" alt="" class="huakuang fr">
      </router-link>
    </div>
  </div>
</template>
<script>
</script>
<style scoped>
  .header{
    background: #fff;
  }
  .headerTop{
    background: #e53e42;
    padding: 0.53rem;
  }
  .logo{
    width: 2.31rem;
    margin-right: 1.51rem;
  }
  .sousuo {
    display: inline-block;
    width: 8.89rem;
    border-radius: 0.18rem;
    background: #fff;
    line-height: 1.1rem;
    padding: 0 1.82rem;
    box-sizing: border-box;
    background-image: url("../../assets/1first/1推荐/sousuo.png");
    background-repeat: no-repeat;
    background-position: 1.11rem center;
    background-size: 0.62rem 0.67rem;
  }
  .sousuo>input{
    width: 100%;
    font-size: 0.53rem;
    line-height: 0.8rem;
  }
  .sousuo>input::-webkit-input-placeholder {
      color: #e83d41;
  }
  .huakuang{
    width: 0.84rem;
    margin-top: 0.125rem;
  }
</style>
